<?php
/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

?>
<!doctype HTML public "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html>
    <head>
        <title>JukeOn Việt Nam</title>
        <meta http-equiv="content-type" content="text/HTML; charset=UTF-8" />
        <link rel="stylesheet"		type="text/css"		href="JO_04II_CSS.css"/>
        <link rel="stylesheet"		type="text/css"		href="menu.css"/>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="menu.js"></script>
    </head>
    <body style="margin: 0px;font-size: 11pt;font-family: tahoma;background-color: #222;">
        <a style="" href="http://apycom.com/"></a>
<!--        <div    style="height: 96px;width: 100%;background-color: black;">
            <div    style="
                    background-color: blue;
                    position: relative;
                    margin-left: -480px;
                    padding: 0px;
                    left: 50%;
                    width: 960px;
                    height: 32px;
                    "
                >
                
                <div style="width: 480px;background-color: green;height: 32px;left: 0px;;position: absolute">
                        a
                </div>
                <div style="width: 480px;background-color: yellow;height: 32px;position: absolute;left: 480px;;text-align: right">
                    <div style="background-color: white;padding: 8px 8px 4px 4px;line-height: 16px">
                        Register
                    </div>

                </div>
            </div>
            <div    style="
                    background-color: red;
                    position: relative;
                    margin-left: -480px;
                    padding: 0px;
                    left: 50%;
                    width: 960px;
                    height: 64px;
                    "
                >
                <div style="width: 960px;height: 64px;">
                    <img src="../JO/JO_80_image/JO_03_logogram.jpg" style="position: absolute;">
                </div>
            </div>
        </div>-->
<div style=";background-color: #202020;padding:0px;margin:0px auto;width:100%">
<div style="height: 34px;width: 960px;margin: 0px auto;position: relative;">
    <div style="height: 34px;width: 480px;background: url(JO_images/hr.gif) repeat-x bottom left #202020;">
<!--        <div id="JO_menui"
            style="
             position: absolute;
             left: 0px;
             width: 470px;
             top:8px;
             padding: 0px 4px 0px 4px;
             margin-left: 8px;
             line-height: 20px;
             height: 20px;
/*             border: 1px solid rgb(69, 69, 69);*/
             color: rgb(217,217,217);
             
             ">
            <a class="headmenui" href="#">Ring Back Tone</a>
            <a class="headmenui" href="#">TV Show</a>
            <a class="headmenui_last" href="#">K-Pop Zone</a>
        </div>-->
        <div id="menu">
            <ul class="menu">
                <li><a href="#" class="parent"><span>Home</span></a>
                    <div style="z-index: 999;"><ul>
                        <li><a href="#" class="parent"><span>Sub Item 1</span></a>
                            <div><ul style="z-index: 999;">
                                <li><a href="#" class="parent"><span>Sub Item 1.1</span></a>
                                    <div style="z-index: 999;"><ul>
                                        <li><a href="#"><span>Sub Item 1.1.1</span></a></li>
                                        <li><a href="#"><span>Sub Item 1.1.2</span></a></li>
                                    </ul></div>
                                </li>
                                <li><a href="#"><span>Sub Item 1.2</span></a></li>
                                <li><a href="#"><span>Sub Item 1.3</span></a></li>
                                <li><a href="#"><span>Sub Item 1.4</span></a></li>
                                <li><a href="#"><span>Sub Item 1.5</span></a></li>
                                <li><a href="#"><span>Sub Item 1.6</span></a></li>
                                <li><a href="#" class="parent"><span>Sub Item 1.7</span></a>
                                    <div><ul>
                                        <li><a href="#"><span>Sub Item 1.7.1</span></a></li>
                                        <li><a href="#"><span>Sub Item 1.7.2</span></a></li>
                                    </ul></div>
                                </li>
                            </ul></div>
                        </li>
                        <li><a href="#"><span>Sub Item 2</span></a></li>
                        <li><a href="#"><span>Sub Item 3</span></a></li>
                    </ul></div>
                </li>
                <li><a href="#" class="parent"><span>Product Info</span></a>
                    <div><ul>
                        <li><a href="#" class="parent"><span>Sub Item 1</span></a>
                            <div><ul>
                                <li><a href="#"><span>Sub Item 1.1</span></a></li>
                                <li><a href="#"><span>Sub Item 1.2</span></a></li>
                            </ul></div>
                        </li>
                        <li><a href="#" class="parent"><span>Sub Item 2</span></a>
                            <div><ul>
                                <li><a href="#"><span>Sub Item 2.1</span></a></li>
                                <li><a href="#"><span>Sub Item 2.2</span></a></li>
                            </ul></div>
                        </li>
                        <li><a href="#"><span>Sub Item 3</span></a></li>
                        <li><a href="#"><span>Sub Item 4</span></a></li>
                        <li><a href="#"><span>Sub Item 5</span></a></li>
                        <li><a href="#"><span>Sub Item 6</span></a></li>
                        <li><a href="#"><span>Sub Item 7</span></a></li>
                    </ul></div>
                </li>
                <li><a href="#"><span>Help</span></a></li>
                <li class="last"><a href="#"><span>Contacts</span></a></li>
            </ul>
        </div>
    </div>
    <div style="height: 34px;width: 480px;position: absolute;left: 480px;top:0px;background: url(JO_images/hr.gif) repeat-x bottom left #202020;">
        <input type="text"
               style="
               position: absolute;
               right: 248px;
               
               width: 72px;
               border: 1px solid rgb(69, 69, 69);
/*                background: #1A1A1A url(images/commenter_time.gif) repeat-x left bottom;
                border-bottom: 1px solid #3D3D3D;
                border-left: 1px solid black;
                border-right: 1px solid #333;
                border-top: 1px solid black;*/
               background-color: rgb(58,58,58);
               color: rgb(217,217,217);
               line-height: 16px;
               height: 18px;
               top:7px;
               padding: 0px 4px 0px 4px;
               font-size: 11px;
               "
               value="Username"/>
        <input type="text"
               style="
               position: absolute;
               left: 240px;
               
               width: 72px;
               border: 1px solid rgb(69, 69, 69);
               background-color: rgb(58,58,58);
               color: rgb(217,217,217);
               line-height: 16px;
               height: 18px;
               top:7px;
               padding: 0px 4px 0px 4px;
               font-size: 11px;
               "
               value="Password"/>
        <input type="button"
               style="
               position: absolute;
               left: 330px;
               
               width: 60px;
               border: 1px solid rgb(69, 69, 69);

               background: url(http://file.bugsm.co.kr/nbugs/common/header/bg_headerWrap.gif) repeat-x top left #2e2e2e;
               color: rgb(217,217,217);
               line-height: 16px;
               height: 20px;
               top:7px;
               padding: 0px 4px 0px 4px;
               font-size: 11px;
               "
               class="JO_buttonii"
               value="Login"/>
        <div style="position: absolute;right: 8px;top:7px;height: 20px;width: 72px;line-height: 20px;">
            <a href="#i">Register</a>

        </div>
    </div>
</div>
<!--<div style=";height: 2px !important;width: 960px;margin: 0px auto;position: relative;background: url(JO_images/hr.gif) repeat-x left bottom #202020;">

</div>-->
<div style="height: 64px;width: 960px;margin: 0px auto;position: relative;padding: 0px;">
    <a href="#"><img src="JO_images/JO_03_logogram copy.png" style="border: none;width: 260px;height: 64px;margin: 0px;padding: 0px;behavior: url(iepngfix.htc);"/></a>
    <div style="position: absolute;left: 240px;background-color: #202020;width: 480px;height: 64px;top:0px">
        <input type="text"
               style="
               position: absolute;
               left: 8px;
               bottom:4px;
               width: 366px;
               border: 1px solid rgb(69, 69, 69);
               background-color: rgb(58,58,58);
               color: rgb(217,217,217);
               line-height: 16px;
               height: 22px;
               padding: 0px 4px 0px 4px;
               font-size: 11px;
               "
               value="Search key"/>
        <input type="button"
               style="
               position: absolute;
               right: 8px;
               bottom: 4px;
               width: 80px;
               border: 1px solid rgb(69, 69, 69);
               background-color: #2e2e2e;
               background: url(http://file.bugsm.co.kr/nbugs/common/header/bg_headerWrap.gif) repeat-x top left;
               color: rgb(217,217,217);
               line-height: 16px;
               height: 24px;
               padding: 0px 4px 0px 4px;
               font-size: 11px;
/*               border-bottom: 1px solid #3D3D3D;
                border-left: 1px solid black;
                border-right: 1px solid #333;
                border-top: 1px solid black;*/
               "
               class="JO_buttonii"
               value="Search"/>
    </div>
    <div style="position: absolute;right: 0px;background-color: #202020;width: 240px;height: 64px;top:0px">
    </div>
</div>

<div style="width: 960px;margin: 0px auto;;position: relative;padding: 0px">
    <div style="
         background: #333;
/*        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-bottom: 1px solid #333;
        border-left: 1px solid black;
        border-right: 1px solid #333;
        border-top: 1px solid black;*/
        height: 100%;
        color: white;
         "
        >
<!--        <div style="width: 960px;height: 36px;background-color: #202020;background: url(JO_images/hr.gif) repeat-x top left #202020;position: relative">
            <div style="
                 position: absolute;
                 bottom: 0px;
                 left: 0px;
                 padding-top: 6px;
                 height: 24px;
                 width: 12px;
                 background: url(JO_images/hri.gif) top right repeat-y;
                 ">

            </div>
            <a href="#" style="
                 position: absolute;
                 bottom: 0px;
                 left: 12px;
                 height: 24px;
                 width: 100px;
                 
                 " class="menui_selected">
                 Jukeon TV
            </a>
            <a href="#" style="
                 bottom: 0px;
                 left: 112px;
                 position: absolute;
                 height: 24px;
                 width: 116px;

                 " class="menui">
                 KtoU
            </a>
            <a href="#" style="
                 bottom: 0px;
                 left: 228px;
                 position: absolute;
                 height: 24px;
                 width: 100px;
                 
                 " class="menui">
                 Kmusic
            </a>
            <a href="#" style="
                 bottom: 0px;
                 left: 328px;
                 position: absolute;
                 height: 24px;
                 width: 100px;

                 " class="menui">
                 Comment
            </a>
        </div>-->
        <div style="width: 960px;background: url(JO_images/hr.gif1) repeat-x top left #222;position: relative;float:left;
             
             ">
            <div class="mar8i"></div>
            <div style="margin-left: 0px;" class="bar_240i" >
                <div style="" class="title_240i">
                    <h1 style="width:208px;" class="h1i">
                        Top Artist
                    </h1>
                </div>
                <div class="content240i">
                    <ul class="navi" style="">
                        <li><a href="#i">Big bang</a></li>
                        <li><a href="#i">Andrew Nelson</a></li>
                        <li><a href="#i">An Yu Jin ( Actress)</a></li>
                        <li><a href="#i">Catch The Rangshow</a></li>
                        <li><a href="#i">Cheon Sang Ji Hee</a></li>
                        <li><a href="#i">Flower Boys Corperation</a></li>
                        <li><a href="#i">F(x)</a></li>
                        <li><a href="#i">FBM & Son Dam Bi</a></li>
                        <li><a href="#i">G-Dragon</a></li>
                        <li><a href="#i">G.Story</a></li>

                        <li><a href="#i">Gimm!Baksa (Kim Bak Sa)</a></li>
                        <li><a href="#i">Jeon Seung Woo [Nguyên Khúc/Biến Khúc]</a></li>
                        <li><a href="#i">Jeong Do Hoon</a></li>
                        <li><a href="#i">Airrelavant imagination</a></li>
                        <li><a href="#i">Kim Dong Hyeok</a></li>
                        <li><a href="#i">Kim Ji Soo & Jang Jae In</a></li>
                        <li><a href="#i">Jonghyeon & Min Hyeok (CNBlue)</a></li>
                        <li><a href="#i">Joo In</a></li>
                        <li><a href="#i">Jung Yup [Brown Eyed Soul]</a></li>
                        <li><a href="#i">JiYo</a></li>

                    </ul>
                </div>
            </div>
            <div class="bar_480i" style="
/*                border-bottom: 1px solid #3D3D3D;
                border-left: 1px solid black;
                border-right: 1px solid #333;
                border-top: 1px solid black;*/
                ">
                <div style="" class="title_480i">
                    <h1 style="width:464px;" class="h1i">
                        Artist Information
                    </h1>
                </div>
                <div style="" class="mar8i"></div>
                <div style="" class="box480i">
                    <table class="tbi" style="color: #ebebeb;width: 352px;">
                        <tr>
                            <td><b>Super Junio & SNSD</b></td>
                            <td>birth : 00/00/000</td>
                        </tr>
                        <tr>
                            <td>Autonym : underfined</td>
                            <td>Nation : korea</td>
                        </tr>
                        <tr>
                            <td colspan="2" style="border-bottom:none;">
                                Super Junior (Korean: 슈퍼주니어), often referred to as SJ or SuJu (슈주), is a popular boy band from South Korea formed by S.M. Entertainment in 2005.
                            </td>
                        </tr>

                    </table>
                    <div style="" class="img_arti">
                        <img src="JO_images/super junio snsd.jpeg" style=";" title=""/>
                    </div>
                </div>
                <div style="" class="title_480i">
                    <h1 style="width:464px;" class="h1i">
                        Album
                    </h1>
                    <h3 class="h3i"><a href="#">» More</a></h3>
                </div>
                <div class="mar8i"></div>
                <div class="content_box480i">
<!--                    <h1 style="width:448px;" class="h1i">
                        Album
                    </h1>-->
                    <div class="mar7i"></div>
                    <div class="albumi">
                        <img class="imgalbumi" src="JO_images/1.png"/>
                        <div class="album_title">Just Look At The Phone All Day</div>
                    </div><div class="mar7i"></div>
                    <div class="albumi">
                        <img class="imgalbumi" src="JO_images/1.png"/>
                        <div class="album_title">Fall-Ache</div>
                    </div><div class="mar7i"></div>
                    <div class="albumi">
                        <img class="imgalbumi" src="JO_images/1.png"/>
                        <div class="album_title">When The Winter Comes Again</div>
                    </div><div class="mar7i"></div>
                    <div class="albumi">
                        <img class="imgalbumi" src="JO_images/1.png"/>
                        <div class="album_title">So Sexy</div>
                    </div><div class="mar7i"></div>
                    <div class="albumi">
                        <img class="imgalbumi" src="JO_images/1.png"/>
                        <div class="album_title">Man Of Friend</div>
                    </div>
                    
                </div>
                <div style="" class="title_480i">
                    <h1 style="width:464px;" class="h1i">
                        Ring Back Tone
                    </h1>
                </div>
                <div style="float: left;margin-bottom: 8px;">
                    <div style="height: 36px;position: relative;">
                        <div style="" class="mar12i">

                        </div>
                        <a href="#" style="" class="menui3">
                                Viettel
                        </a>
                        <div class="dotii"></div>
                        <a href="#" style="" class="menui3_selected">
                            MobiFone
                        </a>
                        <div class="dotii"></div>
                        <a href="#" style="" class="menui3">
                            VinaPhone
                        </a>
                        <div class="dotii"></div>
                        <a href="#" style="" class="menui3">
                            VietnamMobi
                        </a>
                        <div class="dotii"></div>
                        <a href="#" style="" class="menui3">
                            Sfone
                        </a>
                        <div class="dotii"></div>
                        <a href="#" style="" class="menui3">
                            Beeline
                        </a>
                    </div>
                    <div style="" class="mar8i"></div>
                    <div style="background-color: #333;margin: 0px 0px 0px 0px;padding:8px 0px 8px 8px;float: left;">
                        <table class="tbi" style="margin: 0px 8px 0px 0px;width: 448px;">
                            <tr>
                                <th>Ring back tone</th>
                                <th style="width: 80px;">RBT Code</th>
                                <th style="width: 48px;">Player</th>
                            </tr>
                            <tr>
                                <td>
                                    <div style="height: 48px;position: relative;">
                                        <img src="JO_images/2.png" style="" class="imgringi"/>
                                        <div style="float: left;margin-left: 8px;width: 208px;"><a href="">Because I Miss Your Heart</a></div>
                                        <div style="float: left;margin-left: 8px;width: 208px;">Aritst : <a href="">Hwan Hee</a></div>
                                        <div style="float: left;margin-left: 8px;width: 208px;">Album : <a href="">Undefined</a></div>
                                    </div>

                                </td>
                                <td >7102786<br/>710231</td>
                                <td ><img src="JO_images/sound5.png"/><br/><img src="JO_images/sound5.png"/></td>
                            </tr>
                            <tr>
                                <td>
                                    
                                    <div style="height: 48px;position: relative;">
                                        <img src="JO_images/2.png" class="imgringi"/>
                                        <div style="float: left;margin-left: 8px;width: 208px;"><a href="">Abracadabra Fraktal Voodoo Remix</a></div>
                                        <div style="float: left;margin-left: 8px;width: 208px;">Aritst : <a href="">Brown Eyed Girls</a></div>
                                        <div style="float: left;margin-left: 8px;width: 208px;">Album : <a href="">Undefined</a></div>
                                    </div>
                                </td>
                                <td>7102786<br/>710231<br/>713199</td>
                                <td><img src="JO_images/sound4.png"/><br/><img src="JO_images/sound4.png"/><br/><img src="JO_images/sound4.png"/></td>
                            </tr>
                            <tr>
                                <td>
                                    <div style="height: 48px;position: relative;">
                                        <img src="JO_images/2.png" class="imgringi"/>
                                        <div style="float: left;margin-left: 8px;width: 208px;"><a href="">Baby Baby Japanese Version</a></div>
                                        <div style="float: left;margin-left: 8px;width: 208px;">Aritst : <a href="">Big Bang</a></div>
                                        <div style="float: left;margin-left: 8px;width: 208px;">Album : <a href="">Undefined</a></div>
                                    </div>

                                </td>
                                <td >7102786</td>
                                <td >Player</td>
                            </tr>
                            <tr>
                                <td>
                                    <div style="height: 48px;position: relative;">
                                        <img src="JO_images/2.png" class="imgringi"/>
                                        <div style="float: left;margin-left: 8px;width: 208px;"><a href="">Baby Baby Japanese Version</a></div>
                                        <div style="float: left;margin-left: 8px;width: 208px;">Aritst : <a href="">Big Bang</a></div>
                                        <div style="float: left;margin-left: 8px;width: 208px;">Album : <a href="">Undefined</a></div>
                                    </div>

                                </td>
                                <td >7102786</td>
                                <td >Player</td>
                            </tr>
                        </table>
                    </div>
                    
<!--                    a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>aa<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>aa<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a-->
                    
                </div>
               
            </div>
            <div style="" class="bar_240i">
                <div style="" class="title_240i">
                    <h1 style="width:208px;" class="h1i">
                        TV Show
                    </h1>
                </div>
                <div style="" class="content240i">
                    <div>
                        <ul class="navi" style="">
                            <li>
                                <div style="padding: 4px 0px 4px 0px;float: left;">
                                    <img src="JO_images/tv.png" class="imgtvi"/>
                                    <table style="">
                                        <tr>
                                            <td>Kmusic episode 15</td>
                                        </tr>
                                        <tr>
                                            <td>Kmusic</td>
                                        </tr>
                                        <tr>
                                            <td>View</td>
                                        </tr>
                                    </table>
                                </div>
                            </li>
                            <li>
                                <div style="padding: 4px 0px 4px 0px;float: left;">
                                    <img src="JO_images/tv.png" style="" class="imgtvi"/>
                                    <table style="">
                                        <tr>
                                            <td>Jukeon episode 42</td>
                                        </tr>
                                        <tr>
                                            <td>Jukeon</td>
                                        </tr>
                                        <tr>
                                            <td>12/09/2011</td>
                                        </tr>
                                    </table>
                                </div>
                            </li>
                            <li>
                                <div style="padding: 4px 0px 4px 0px;float: left;">
                                    <img src="JO_images/3.png" class="imgtvi"/>
                                    <table style="">
                                        <tr>
                                            <td>KtoU episode 3</td>
                                        </tr>
                                        <tr>
                                            <td>KtoU</td>
                                        </tr>
                                        <tr>
                                            <td>01/07/2011</td>
                                        </tr>
                                    </table>
                                </div>
                            </li>
                            <li>
                                <div style="padding: 4px 0px 4px 0px;float: left;">
                                    <img src="JO_images/3.png" class="imgtvi"/>
                                    <table style="">
                                        <tr>
                                            <td>Trailer Jukeon TV</td>
                                        </tr>
                                        <tr>
                                            <td>JuleOn</td>
                                        </tr>
                                        <tr>
                                            <td>01/07/2011</td>
                                        </tr>
                                    </table>
                                </div>
                            </li>
                            <li><a href="#i">Andrew Nelson</a></li>
                        </ul>
                    </div>
                </div>
                <div style="" class="title_240i">
                    <h1 style="width:208px;" class="h1i">
                        Nothing
                    </h1>
                    <h3 class="h3i">More</h3>
                </div>
                <div class="mar8i"></div>
                <div class="content_box240i">
                    a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>
                </div>
                <div style="" class="title_240i">
                    <h1 style="width:208px;" class="h1i">
                        Nothing
                    </h1>
                    <h3 class="h3i">More</h3>
                </div>
                <div class="content240i">
                    a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>a<br/>
                </div>
            </div>
            <div style="width: 960px;height: 48px;float: left;margin-top: 24px;border-top:1px solid #222;background: #222;">
                <div class="JO_adhensive" style="width: 960px; height: 48px;position: relative;clear: both;">
<!--                    <a href=".">-->
                        <img src="JO_images/logo jukeon.png" style="left: 7px;position: absolute;top: -19px;width: 69px;height: 18px;">
<!--                    </a>-->
<!--                        <a href="?JO_content=1">-->
                            <img src="JO_images/logo neowiz.png"  style="position: absolute;left: 886px;top: -16px;width: 69px;height: 12px;">
<!--                        </a>-->
                        <div style="position: absolute;padding: 0px 0px 0px 8px; left: 0px; top: 0px; width: 952px; line-height: 24px;background: url(JO_images/hr.gif) repeat-x top left;  /* 40% */">Bản quyền thuộc về © 2011 JukeOn™.</div>
                        <div style="text-align: right; position: absolute;float: right; padding: 0px 7px 0px 0px; left: 480px; top: 0px; width: 473px; line-height: 24px;  /* 40% */">Công Ty Trách Nhiệm Hữu Hạn Một Thành Viên Neowiz Internet Việt Nam</div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</body>
</html>